<!DOCTYPE html>
<html lang="en">
<head>
<title>360星图-日志分析报告</title>
<meta charset="UTF-8" />
<script type="text/javascript">
function t(c){
	for(var b=c.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('tr'),a=0;a<b.length;a++)'hide'==b[a].className?(b[a].className='show',c.innerHTML='▼'):'show'==b[a].className&&(b[a].className='hide',c.innerHTML='◀')};function a(c){var b=c.parentNode.parentNode.nextSibling;while(b && b.nodeType != 1) b=b.nextSibling;'agent-hide'==b.className?(b.className='a-show',c.innerHTML='▼'):'a-show'==b.className&&(b.className='agent-hide',c.innerHTML='▶')};</script>
<style type="text/css">
html {
	font-size: 100%;
	font-family:"微软雅黑","Microsoft Yahei",tahoma,arial;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}



body {
	font-family:"微软雅黑","Microsoft Yahei",tahoma,arial;
	font-size: 80%;
	color: #999999;
	margin: 0;
	background-color: #333333;
}

a:focus {
	outline: thin dotted
}

a:active, a:hover {
	outline: 0
}

p {
	margin: 0 0 1em 0
}

ul {
	margin: 1em 0
}

ul {
	padding: 0 0 0 40px
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {

	color: #52c4ff;

}

h2 {
	font-weight: 700;
	color: #52c4ff;
	font-size: 1.2em;
	margin: .83em 0 .20em 0;
}

.agent-hide, .hide {
	display: none
}

.r, .s {
	cursor: pointer
}

.r {
	float: right
}

thead th {
	text-align: center
}

.max {
	color: #ffea00;
	font-weight: 700;
}

#layout {
	padding-left: 200px;
	left: 0;
}

.l-box {
	padding: 0 1.3em 1.3em 1.3em
}

.graph {
	height: 1.529411765em;
	margin-bottom: .470588235em;
	overflow: hidden;
	background-color: #3d3d3d;
	border-radius: .071428571em;
	text-align: center;
}

.graph .bar {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #ff7e0e;
	box-sizing: border-box;
	color: #fff;
	float: left;
	height: 100%;

	width: 0;
}

.graph .light {
	background-color: #BBB
}

#menu {
	-webkit-overflow-scroll: touch;
	-webkit-transition: left 0.75s, -webkit-transform 0.75s;
	background: #2f2f2f;
	border-right: 1px #ddd;
	bottom: 0;
	left: 200px;
	margin-left: -200px;
	outline: 1px solid #1e1f20;
	overflow-y: auto;
	position: fixed;
	top: 0;
	transition: left 0.75s, -webkit-transform 0.75s, transform 0.75s;
	width: 200px;
	z-index: 1000;
}

#menu a {
	border: 0;
	border-bottom: 1px solid #111;
	box-shadow: 0 1px 0 #383838;
	color: #ccc;
	font-weight:normal;
	padding: .6em 0 .6em .6em;
	white-space: normal;
	font-size:1.1em
}

#menu p {
	color: #eee;
	padding: .6em;
	font-size: 85%;
}

#menu .pure-menu-open {
	background: transparent;
	border: 0;
}

#menu .pure-menu ul {
	border: 0;
	background: transparent;
}

#menu .pure-menu li a:hover, #menu .pure-menu li a:focus {
	background: #333
}

#menu .pure-menu-heading:hover, #menu .pure-menu-heading:focus {
	color: #333
}

#menu .pure-menu-heading {
	color: black;
	font-size: 120%;
	font-weight: bold;
}

.pure-u {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}

.pure-u-1 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}

.pure-u-1 {
	width: 100%
}

.pure-g-r {
	letter-spacing: -.31em;
	*letter-spacing: normal;
	*word-spacing: -.43em;

	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
}

.pure-g-r {
	word-spacing: -.43em
}

.pure-g-r [class*=pure-u] {
	
}

@media ( max-width :480px) {
	.pure-g-r>.pure-u, .pure-g-r>[class*=pure-u-] {
		width: 100%
	}
}

@media ( max-width :767px) {
	.pure-g-r>.pure-u, .pure-g-r>[class*=pure-u-] {
		width: 100%
	}
}

.pure-menu ul {
	position: absolute;
	visibility: hidden;
}

.pure-menu.pure-menu-open {
	visibility: visible;
	z-index: 2;
	width: 100%;
}

.pure-menu ul {
	left: -10000px;
	list-style: none;
	margin: 0;
	padding: 0;
	top: -10000px;
	z-index: 1;
}

.pure-menu>ul {
	position: relative
}

.pure-menu-open>ul {
	left: 0;
	top: 0;
	visibility: visible;
}

.pure-menu-open>ul:focus {
	outline: 0
}

.pure-menu li {
	position: relative
}

.pure-menu a, .pure-menu .pure-menu-heading {
	display: block;
	color: inherit;
	line-height: 1.5em;
	padding: 5px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.pure-menu li a {
	padding: 5px 20px
}

.pure-menu.pure-menu-open {
	background: #fff;
	border: 1px solid #b7b7b7;
}

.pure-menu a {
	border: 1px solid transparent;
	border-left: 0;
	border-right: 0;
}

.pure-menu a {
	color: #4B4B4B
}

.pure-menu li a:hover, .pure-menu li a:focus {
	background: #eee
}

.pure-menu .pure-menu-heading {
	color: #565d64;
	font-size: 90%;
	margin-top: .5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}

.pure-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #999;
	width:100%;k
}

.pure-table td, .pure-table th {
	border-left: 1px solid #999;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: 6px 12px;
}

.pure-table td:first-child, .pure-table th:first-child {
	border-left-width: 0
}

.pure-table td:last-child {
	white-space: normal;
	width: auto;
	word-break: break-all;
	word-wrap: break-word;
}

.pure-table thead {
	background: #3d3d3d;
	color: #FFF;
	text-align: left;
	text-shadow: 0px -1px 0px #000;
	vertical-align: bottom;
}

.pure-table td {
	background-color: transparent
}


.pure-table tbody tr:hover, .pure-table-striped tr:nth-child(2n-1) td {
	background-color: #3e7699;
	color:#fff;
}

@media ( max-width : 974px) {
	#layout {
		position: relative;
		padding-left: 0;
	}
	#layout.active {
		position: relative;
		left: 200px;
	}
	#layout.active #menu {
		left: 200px;
		width: 200px;
	}
	#menu {
		left: 0
	}
	.pure-menu-link {
		position: fixed;
		left: 0;
		display: block;
	}
	#layout.active .pure-menu-link {
		left: 200px
	}
}
</style>
</head>
<body>
	<div class="pure-g-r" id="layout">
	
		<div id="menu" class="pure-u">
			<div class="pure-menu pure-menu-open">
			    <!-- 
				<a class="pure-menu-heading" href="http://wangzhan.360.cn/xingtu/">360星图</a>
				 -->
				<div>
				<img src="" style="height:60px;margin-left: 25px;">
				</div>
				
				<ul>
					<li><a href="#">数据概况</a></li>
					<li><a href="#hosts">IP流量分析</a></li>
					<li><a href="#requests">访问页面分析</a></li>
					<li><a href="#static_requests">静态资源请求分析</a></li>
					<li><a href="#not_found">死链分析</a></li>
					<li><a href="#referrers">来源分析</a></li>
					<li><a href="#so">搜索引擎爬虫分析</a></li>
					<li><a href="#keyphrases">关键字分析</a></li>
					<li><a href="#geo">地域分布</a></li>
					<li><a href="#os">操作系统分析</a></li>
					<li><a href="#browsers">浏览器分析</a></li>
					<li><a href="#status_codes">状态码分析</a></li>
					<li class="menu-item-divided"></li>
				</ul>
				
			</div>
		</div>
		
		<!-- menu -->

		<div id="main" class="pure-u-1">
			<div class="l-box">
				<h1>360星图-常规日志分析报告</h1>
				<p>日志分析时间:${datetime}</p>
				<h2>数据概况</h2>
				<p></p>
				<table class="pure-table">
					<tbody>
						<tr>
							<td style="font-weight: bold;">总访问量</td>
							<td style="font-weight: bold;">PV数</td>
							<td style="font-weight: bold;">UV数</td>
							<td style="font-weight: bold;">独立IP数</td>
							<td style="font-weight: bold;">异常访问数</td>
							<td style="font-weight: bold;">消耗流量</td>
							<td style="font-weight: bold;">日志文件大小</td>	
						</tr>
						<tr>
							<td style="font-size:35px;color:#fff;text-align: center;">${Visits}</td>
							<td style="font-size:35px;color:#fff;text-align: center;">${PV}</td>
							#if(${CUV} > 0)
							<td style="font-size:35px;color:#fff;text-align: center;">${UV}</td>
							#else
						    <td style="font-size:35px;color:#fff;text-align: center;" title="日志记录不全导致UV无法分析">-</td>
						    #end
							<td style="font-size:35px;color:#fff;text-align: center;">${UIP}</td>
							<td style="font-size:35px;color:#fff;text-align: center;">${Errors}</td>
							#if(${Band})
							<td style="font-size:35px;color:#fff;text-align: center;">${Band}</td>
							#else
							<td style="font-size:35px;color:#fff;text-align: center;">-</td>
							#end
							<td style="font-size:35px;color:#fff;text-align: center;">${LogSize}</td>
						</tr>
					
					</tbody>
				</table>
				
				<h2 id="hosts">IP流量分析(TOP200)</h2>
				<p>基于IP，分析IP对应地域、访问量、流量消耗</p>
				<table class="pure-table">
					<thead>
						<tr>
						    <th>ID</th>
							<th>访问次数</th>
							<th>访问占比%</th>
							<th>IP</th>
							<th>国家/地区</th>
							<th>流量</th>
							<th>流量占比%</th>
							<th style="width: 50%;"><span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $ipVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td>$velocityCount</td>
								<td style="text-align: right;">$entity.visitStr</td>
								#if($entity.visitflag > 0)
								<td style="text-align: right;" class="max">$entity.visitRate</td>
								#else
								<td style="text-align: right;">$entity.visitRate</td>
								#end
								<td>$entity.ip</td>
								#if($entity.country.indexOf("中国") > -1)
								<td style="white-space: nowrap;">$entity.country</td>
								#else
								<td style="white-space: nowrap;" class="max">$entity.country</td>
								#end
								<td style="text-align: right;">$entity.bandStr</td>
								#if($entity.bandflag > 0)
								<td style="text-align: right;" class="max">$entity.bandRate</td>
								#else
								<td style="text-align: right;">$entity.bandRate</td>
								#end
								<td class="graph"><div class="bar" style="width: $entity.bandRate"></div></td>
							  </tr>
						#end
					</tbody>
				</table>
				
				
				<h2 id="requests">页面访问分析(TOP200)</h2>
				<p>页面访问次数、流量消耗</p>
				<table class="pure-table">
					<thead>
						<tr>
						    <th>ID</th>
							<th>访问次数</th>
							<th>访问占比%</th>
							<th>流量</th>
							<th>流量占比%</th>
							<th style="width: 70%;">URL<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $pageVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td>$velocityCount</td>
								<td style="text-align: right;">$entity.visitStr</td>
								#if($entity.visitflag > 0)
								<td style="text-align: right;" class="max">$entity.visitRate</td>
								#else
								<td style="text-align: right;">$entity.visitRate</td>
								#end
								<td style="text-align: right;">$entity.bandStr</td>
								#if($entity.bandflag > 0)
								<td style="text-align: right;" class="max">$entity.bandRate</td>
								#else
								<td style="text-align: right;">$entity.bandRate</td>
								#end
								<td>$entity.url</td>
							  </tr>
						#end
					</tbody>
				</table>
				
				<h2 id="static_requests">静态资源访问分析(TOP200)</h2>
				<p>静态资源如图片、js、css访问分析</p>
				<table class="pure-table">
					<thead>
						<tr>
						    <th>ID</th>
							<th>访问次数</th>
							<th>访问占比%</th>
							<th>流量</th>
							<th>流量占比%</th>
							<th style="width: 70%;">URL<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $staticPageVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td>$velocityCount</td>
								<td style="text-align: right;">$entity.visitStr</td>
								#if($entity.visitflag > 0)
								<td style="text-align: right;" class="max">$entity.visitRate</td>
								#else
								<td style="text-align: right;">$entity.visitRate</td>
								#end
								<td style="text-align: right;">$entity.bandStr</td>
								#if($entity.bandflag > 0)
								<td style="text-align: right;" class="max">$entity.bandRate</td>
								#else
								<td style="text-align: right;">$entity.bandRate</td>
								#end
								<td>$entity.url</td>
							  </tr>
						#end
					</tbody>
				</table>
				
				
				<h2 id="not_found">死链分析(TOP200)</h2>
				<p>404访问排行</p>
				<table class="pure-table">
					<thead>
						<tr>
						    <th>ID</th>
							<th>访问次数</th>
							<th>访问占比%</th>
							<th>流量</th>
							<th>流量占比%</th>
							<th style="width: 70%;">URL<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $_404PageVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td>$velocityCount</td>
								<td style="text-align: right;">$entity.visitStr</td>
								#if($entity.visitflag > 0)
								<td style="text-align: right;" class="max">$entity.visitRate</td>
								#else
								<td style="text-align: right;">$entity.visitRate</td>
								#end
								<td style="text-align: right;">$entity.bandStr</td>
								#if($entity.bandflag > 0)
								<td style="text-align: right;" class="max">$entity.bandRate</td>
								#else
								<td style="text-align: right;">$entity.bandRate</td>
								#end
								<td>$entity.url</td>
							  </tr>
						#end
					</tbody>
				</table>
				
				<h2 id="referrers">来源分析(TOP200)</h2>
				<p>来源访问排行</p>
				<table class="pure-table">
					<thead>
						<tr>
						    <th>ID</th>
							<th>访问次数</th>
							<th>访问占比%</th>
							<th style="width: 70%;">URL<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $referersVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td>$velocityCount</td>
								<td style="text-align: right;">$entity.countStr</td>
								#if($entity.flag > 0)
								<td style="text-align: right;" class="max">$entity.rate</td>
								#else
								<td style="text-align: right;">$entity.rate</td>
								#end
								<td>$entity.key</td>
							  </tr>
						#end
					</tbody>
				</table>
				
				<h2 id="so">搜索引擎爬虫分析</h2>
				<p>搜索引擎爬虫访问次数、流量消耗排行</p>
				<table class="pure-table">
					<thead>
						<tr>
							<th>访问次数</th>
							<th>访问占比%</th>
							<th>搜索爬虫</th>
							<th>流量</th>
							<th>流量占比%</th>
							<th style="width: 70%;"><span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $soVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
								<td style="text-align: right;">$entity.visitStr</td>
								#if($entity.visitflag > 0)
								<td style="text-align: right;" class="max">$entity.visitRate</td>
								#else
								<td style="text-align: right;">$entity.visitRate</td>
								#end
								<td style="text-align: right;">$entity.url</td>
								<td style="text-align: right;">$entity.bandStr</td>
								#if($entity.bandflag > 0)
								<td style="text-align: right;" class="max">$entity.bandRate</td>
								#else
								<td style="text-align: right;">$entity.bandRate</td>
								#end
								<td class="graph"><div class="bar" style="width: $entity.bandRate"></div></td>
							  </tr>
						#end
					</tbody>
				</table>
				
				
				<h2 id="keyphrases">关键字分析TOP10</h2>
				<p>搜索引擎关键字分析</p>
				<table class="pure-table">
					<thead>
						<tr>
							<th>ID</th>
							<th>次数</th>
							<th>关键字</th>
							<th>搜索来源</th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $keywordSortList )
						      <tr>
						        <td>$velocityCount</td>
						        <td style="text-align: right;">$entity.countStr</td>
								<td>$entity.kw</td>
								<td>$entity.se</td>
							  </tr>
						    
						#end
					</tbody>
				</table>
				
				
				<h2 id="geo">地域分布</h2>
				<p>基于独立用户分析</p>
				<table class="pure-table">
					<thead>
						<tr> 
							<th>访问用户数</th>
							<th>访问用户占比%</th>
							<th style="width: 70%;">国家/地区<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
					    #foreach( $entity in $regionVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
								<td style="text-align: right;">$entity.countStr</td>
								#if($entity.flag > 0)
								<td style="text-align: right;" class="max">$entity.rate</td>
								#else
								<td style="text-align: right;">$entity.rate</td>
								#end
								
								#if($entity.key.indexOf("中国") > -1)
								<td style="white-space: nowrap;">$entity.key</td>
								#else
								<td style="white-space: nowrap;" class="max">$entity.key</td>
								#end
								
							  </tr>
						#end
					</tbody>
				</table>
				
				
				<h2 id="os">操作系统</h2>
				<p>基于独立用户分析</p>
				<table class="pure-table">
					<thead>
						<tr>
							<th>访问用户数</th>
							<th>访问用户占比%</th>
							<th>操作系统</th>
							<th style="width: 70%;">操作系统占比%<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $pcOSVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td style="text-align: right;">$entity.countStr</td>
						        #if($entity.flag > 0)
								<td style="text-align: right;" class="max">$entity.rate</td>
								#else
								<td style="text-align: right;">$entity.rate</td>
								#end
								<td>$entity.key</td>
								<td class="graph"><div class="bar" style="width: $entity.rate"></div></td>
							  </tr>
						    
						#end
					</tbody>
				</table>
				
				<h2 id="browsers">浏览器</h2>
				<p>基于独立用户分析</p>
				<table class="pure-table">
					<thead>
						<tr>
							<th>访问用户数</th>
							<th>访问用户占比%</th>
							<th>浏览器</th>
							<th style="width: 70%;">浏览器占比%<span class="r" onclick="t(this)">◀</span></th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $pcBrowserVisitsSortList )
						    #if($velocityCount <= 10)
						      <tr>
						    #else
						      <tr class="hide">
						    #end
						        <td style="text-align: right;">$entity.countStr</td>
						        #if($entity.flag > 0)
								<td style="text-align: right;" class="max">$entity.rate</td>
								#else
								<td style="text-align: right;">$entity.rate</td>
								#end
								<td>$entity.key</td>
								<td class="graph"><div class="bar" style="width: $entity.rate"></div></td>
							  </tr>
						#end
					</tbody>
				</table>
				
				<h2 id="status_codes">状态码分析</h2>
				<p>HTTP状态码分析</p>
				<table class="pure-table">
					<thead>
						<tr>
							<th>次数</th>
							<th>占比%</th>
							<th>状态码</th>
						</tr>
					</thead>
					<tbody>
						#foreach( $entity in $httpStatusSortList )
						      <tr>
								<td style="text-align: right;">$entity.countStr</td>
								<td style="text-align: right;">$entity.rate</td>
								<td>$entity.key</td>
							  </tr>
						#end
					</tbody>
				</table>
			</div>
			<!-- l-box -->
		</div>
		<!-- main -->
	</div>
	<!-- layout -->
</body>
</html>